<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="03.css">
</head>
<body>
    
    <!-- 筛选框内容 -->
    <input type="text" id="keyword" placeholder="请输入筛选内容">
    <!-- 检索按钮 -->
    <button onclick="search()" class="blue">检索</button>
    <!-- 添加按钮 -->
    <button onclick="changePop()" class="blue">添加</button>
    <ul id="lists" class="flex flex-wrap"></ul>
   
    <!-- 弹框内容 -->
    <div class="pop" id="pop">  
        <div class="pop-content">
            <div class="popTitle" id="popTitle">新增</div>
        </div>
        <div class="pop-form">
            <div class="flex popper-form-item">
                <span  class="pop-form-label">标题：</span>
                <input type="text" id="title" class="flex-grow-1">
            </div>
            <div class="flex popper-form-item">
                <span class="pop-form-des">描述：</span><input type="text" id="des" class="flex-grow-1">
            </div>
        <div class="flex flex-end">
            <button onclick="cancel()" class="cal">取消</button>
            <button onclick="save()" class="sure" >确认</button>
        </div>
        </div>
        
    </div>   
    <script src="03.js"></script> 
</body>
</html>
